<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>购物车</title>
		<!-- 基础样式 -->
		<link type="text/css" rel="stylesheet" href="/static/css/base.css"/>
		<!-- 公共样式 -->
		<link type="text/css" rel="stylesheet" href="/static/css/common.css" />
		<!-- 商品样式 -->
		<link type="text/css" rel="stylesheet" href="/static/css/shop_car.css" />
		<!-- 引入favicon图标 -->
		<link rel="shortcut icon" href="/static/img/favicon.ico" />
		<!-- layui -->
		<link rel="stylesheet" href="/static/js/layui/css/layui.css" media="all">
	</head>
	<body>

		<!-- 快捷导航模块 start -->
		<section class="shortcut">
			<!-- 版心 -->
			<div class="w">
				<div class="nav_left">
					<ul>
						<li class="icon-phone">0797-3591053</li>
						<li></li>
						<li class="icon-app"><a href="#">下载Flower鲜花APP</a></li>
						<li></li>
						<li class="icon-wx"><a href="#">关注Flower鲜花微信公众号</a></li>
					</ul>
				</div>

				<div class="nav_right">
					<ul>
						<li class="avatar" th:if="${session.loginUser != null}"><img th:src="${session.loginUser.avatar}" alt="" style="width: 34px;height: 34px"></li>
						<li class="login" th:if="${session.loginUser != null}" style="margin-left: 5px">[[${session.loginUser.nickname}]]</li>
						<li class="login" th:if="${session.loginUser == null}"><a href="/login.html">登录</a></li>
						<li th:if="${session.loginUser == null}"><a href="/register.html">注册</a></li>
						<li th:if="${session.loginUser != null}" style="margin-left: 10px"><a href="/logout">退出</a></li>
						<li class="fenge"></li>
						<li class="shop_car"><a href="/shopCar.html">我的购物车</a><i class="count">0</i></li>
					</ul>
				</div>
			</div>
		</section>
		<!-- 快捷导航模块 end -->

		<!-- header头部模块 start -->
		<header class="header w">
			<!-- logo -->
			<div class="logo">
				<ul>
					<li>
						<h1>
							<a href="/index.jsp" title="Flower" class="Rosewin">Flower</a>
						</h1>
					</li>
					<li></li>
					<li class="arrow-icon"><a href="#">全国</a></li>
				</ul>
			</div>
			<!-- 搜索框 -->
			<div class="search">
				<input type="text" name="" id="" value="" 	placeholder="请输入关键字"/>
				<button><em></em></button>
			</div>
			<!-- 下载 -->
			<div class="download">
				<a href="#" class="ios"></a>
				<a href="#" class="android"></a>
			</div>
		</header>
		<!-- header头部模块 end -->

		<!--移入弹出层-->
		<div class="shiftInPopup">
			<ul class="kind" id="kind">
				<li><a href="/flower.html?categoryName=向日葵">向日葵</a></li>
				<li><a href="/flower.html?categoryName=康乃馨">康乃馨</a></li>
				<li><a href="/flower.html?categoryName=满天星">满天星</a></li>
				<li><a href="/flower.html?categoryName=白玫瑰">白玫瑰</a></li>
				<li><a href="/flower.html?categoryName=红玫瑰">红玫瑰</a></li>
				<li><a href="/flower.html?categoryName=蓝玫瑰">蓝玫瑰</a></li>
				<li><a href="/flower.html?categoryName=粉玫瑰">粉玫瑰</a></li>
			</ul>
		</div>

		<!-- nav 模块 start -->
		<nav class="nav">
			<div class="w">
				<div class="category">
					<ul>
						<li><a href="/index.html">首页</a></li>
						<li>/</li>
						<li><a href="http://localhost:8099/flower.html?categoryName=鲜花" class="selectFlower" id="flower">鲜花</a></li>
						<li>/</li>
						<li><a href="/flower.html?categoryName=进口鲜花">进口鲜花</a></li>
						<li>/</li>
						<li><a href="/cake.html?categoryName=蛋糕" class="cake">蛋糕<img src="/static/img/hot_ico3.gif" alt=""></a></li>
						<li>/</li>
						<li><a href="/flower.html?categoryName=永生花">永生花</a></li>
						<li>/</li>
						<li><a href="#">开业花篮</a></li>
						<li>/</li>
						<li><a href="#">礼品</a></li>
						<li>/</li>
						<li><a href="#">鲜花百科</a></li>
						<li>/</li>
						<li><a href="#">花语大全</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!-- nav 模块 end -->



		<!-- shop_car 购物车模块 start -->
		<div class="shopping_car w">

				<div class="car_top">
					<ul>
						<li>
							<input name="checkAll" type="checkbox" checked class="choose_all">全选
						</li>
						<li>商品信息</li>
						<li>单价</li>
						<li>数量</li>
						<li>小计</li>
						<li>操作</li>
					</ul>
				</div>

				<div class="car_middle">
					<table id="car_tab" cellspacing="0" cellpadding="0" border="0">
							<tr class="row" th:each="item : ${cart.items}">
								<td><input name="checkAll" type="checkbox"  class="choose" th:checked="${item.isCheck}" th:attr="productId=${item.productId}"></td>
								<td><a href=""><img th:src="${item.picture}" ></a><a href="">[[${item.productName}]]</a></td>
								<td>￥<span class="unit">[[${#numbers.formatDecimal(item.price,1,2)}]]</span></td>
								<td><div class="car_count amount" th:attr="productId=${item.productId}">
									<a class="Reduce countOpsBtn">-</a>
									<input type="text" name="count"  th:value="${item.count}" class="unum"/>
									<a class="Increase countOpsBtn">+</a>
								</div></td>
								<td>￥<span class="u-price">[[${item.totalPrice}]]</span></td>
								<td><a class="del_check" th:href="'http://localhost:8099/cart/deleteItem?productId=' + ${item.productId}"  >删除</a></td>
								<!--<td style="display: none"><a class="del_check" id="cartItem_id">${item.id}</a></td>-->
							</tr>
					</table>
				</div>

				<div class="car_botton">
					<div class="total">
						<ul>
							<li><a href="/cart/allCheck"><input name="checkAll" type="checkbox" checked class="choose_all">全选</a></li>
							<li><a class="btn-del" href="/cart/clearCheckCartItem">删除选中商品</a></li>
							<li><a class="btn-del" href="/cart/clearCart">清空购物车</a></li>
							<li>已选商品<span id="number" class="t-number">[[${cart.countNum}]]</span>件&nbsp;&nbsp;&nbsp;&nbsp;总价(不含运费):&nbsp;&nbsp;<span id="total" >￥<span class="t-price" id="t-price">[[${#numbers.formatDecimal(cart.totalAmount,1,2)}]]</span></span></li>
						</ul>
					</div>
					<div class="account">
							<a href="/index.html">继续购物</a>
							<a href="/submitOrder">立即结算</a>
					</div>
				</div>
		</div>
		<!-- shop_car 购物车模块 end -->





		<!-- footer 模块 start -->
		<footer class="footer">
			<div class="footer_service footer-wrap">
				<div class="w">
					<ul>
						<li>
							<h4></h4>
							<div class="service_text">
								<h2>高档花材</h2>
								<p>100%品质保证</p>
							</div>
						</li>
						<li>
							<h4></h4>
							<div class="service_text">
								<h2>同城配送</h2>
								<p>1-3小时送达</p>
							</div>
						</li>
						<li>
							<h4></h4>
							<div class="service_text">
								<h2>特色服务</h2>
								<p>高端私人定制</p>
							</div>
						</li>
						<li>
							<h4></h4>
							<div class="service_text">
								<h2>时尚原创花艺</h2>
								<p>资深花艺师独家设计</p>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<div class="footer_bottom">
				<div class="w">
					<div class="help">
						<div class="footer_help">
							<dl>
								<dt>购物说明</dt>
								<dd><a href="#">APP专享介绍</a></dd>
								<dd><a href="#">购物流程</a></dd>
								<dd><a href="#">支付说明</a></dd>
							</dl>
							<dl>
								<dt>配送说明</dt>
								<dd><a href="#">配送范围</a></dd>
								<dd><a href="#">配送费用</a></dd>
								<dd><a href="#">配送时间</a></dd>
							</dl>
							<dl>
								<dt>退改须知</dt>
								<dd><a href="#">订单修改</a></dd>
								<dd><a href="#">订单取消</a></dd>
								<dd><a href="#">关于签收</a></dd>
							</dl>
							<dl>
								<dt>关于我们</dt>
								<dd><a href="#">品牌介绍</a></dd>
								<dd><a href="#">实力证明</a></dd>
								<dd><a href="#">花语大全</a></dd>
								<dd><a href="#">鲜花百科</a></dd>
							</dl>
							<dl>
								<dt>同层配送</dt>
								<dd><a href="#">北京鲜花</a></dd>
								<dd><a href="#">上海鲜花</a></dd>
								<dd><a href="#">广州鲜花</a></dd>
								<dd><a href="#">更多城市</a></dd>
							</dl>
						</div>
						<div>&nbsp;&nbsp;友情链接：&nbsp;&nbsp;<a href="#">订花</a>&nbsp;&nbsp;<a href="#">花店订花</a>&nbsp;&nbsp;<a href="#">防伪</a>&nbsp;&nbsp;<a href="#">网站建设</a>&nbsp;&nbsp;<a href="#">连锁加盟网</a>&nbsp;<a href="#">CFA</a>&nbsp;&nbsp;<a href="#">品牌大全</a>&nbsp;&nbsp;<a href="#">EMBA</a>&nbsp;&nbsp;<a href="#">资源网</a></div>
						<div>&nbsp;&nbsp;联系电话：&nbsp;&nbsp;0797-3591053&nbsp;&nbsp;&nbsp;©2021 - 2022 By 赖赐麒</div>
						<div>&nbsp;&nbsp;开发者：赖赐麒&nbsp;&nbsp;&nbsp;<a href="#">应用权限</a>&nbsp;&nbsp;<a href="#">隐私权限</a></div>
					</div>


					<div class="service_tel">
						<ul>
							<li>电话</li>
							<li>0797-3591053</li>
							<li>工作日 08:00-21:00</li>
							<li>节假日 06:00-24:00</li>
							<li><a href="#">全国</a></li>
						</ul>
					</div>


					<div class="download">
						<ul class="download_iphone">
							<li>Iphone下载</li>
							<li></li>
						</ul>
						<ul class="download_android">
							<li>Android下载</li>
							<li></li>
						</ul>
						<div>手机扫码即可下载Flower鲜花APP</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer 模块 end -->
		<script src="/static/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/layui/jquery.min.js"></script>
		<script src="/static/js/layui/layui.js"></script>
		<script src="/static/js/shop_car.js"></script>
		<script src="/static/js/common.js"></script>
	</body>
</html>
